* {
	margin: 0;
	padding: 0;
	font-family: '微软雅黑', arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
}
body{
    background:#f4f4f4;
    width: 100%; 
    overflow-x: hidden;
}
a,
a:active,
a:focus,
a:hover {
	text-decoration: none;
    color: #333;
    outline:none;
    blr:expression(this.onFocus=this.blur());
}

label{
    font-weight: 500;
}
ul {
	list-style: none;
}
input,textarea,select{
    outline:none;
}
@font-face {
  font-family: "iconfont";
  src: url('iconfont.eot?t=1516340112310'); /* IE9*/
  src: url('iconfont.eot?t=1516340112310#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1516340112310') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1516340112310#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-calendar:before { content: "\e654"; }
.icon-avatar:before { content: "\e677"; }
.icon-arrow-right:before { content: "\e65a"; }
.icon-infomation:before { content: "\e71b"; }
.icon-next:before { content: "\e65e"; }
.icon-close:before { content: "\e606"; }
.icon-upload:before { content: "\e601"; }
.icon-wuzi:before { content: "\e604"; }
.icon-prev:before { content: "\e71c"; }
.icon-weibo:before { content: "\e607"; }
.icon-facebook:before { content: "\e608"; }
.icon-wechat:before { content: "\e609"; }
/*================================ common ================================*/
.ballet-header{
    position: absolute;
    left: 0; 
    top: 0;
    width: 100%;
    height: 145px;
    z-index: 100;
}
.ballet-header .navbar-default{
    background: none;
    border:medium none;
}
.notFront .ballet-header .navbar-default{
    background:#13304f;
    border:1px solid #979797;
}
.notFront .mainContent{
    padding-top: 145px;
}
.ballet-header .navbar-default .navbar-nav>li>a{
    color: #fff;
    line-height:24px;
}
.ballet-header .navbar-collapse{
    padding: 0;
}
.ballet-header .navbar-brand{
    height: auto;
}
.ballet-header .navbar-default .navbar-collapse{
    border:medium none;
    box-shadow: none;
}
.ballet-nav{
    padding-top: 70px;
    padding-left: 10px;
}
.ballet-nav a{
    font-size: 18px;
    margin-left: 20px;
}
.ballet-header .navbar-default .navbar-nav>li.switch_language,
.ballet-header .navbar-default .navbar-nav>li.lr-action{
    color:#cccccc;
}
.ballet-header .navbar-default .navbar-nav>li.switch_language a{
    font-size: 14px;
    padding: 0;
     color:#cccccc;
}
.ballet-header .navbar-default .navbar-nav>li.switch_language a.on{
    color: #fff;
}
.ballet-header .navbar-default .navbar-nav>li.lr-action>a{
    font-size: 16px;
     padding: 0;
     color:#cccccc;
}

.ballet-header .navbar-right{
    color: #fff;
}
.ballet-header .navbar-right li{
    margin-top: 30px;
    width: 100%;
    text-align: right;
}
.ballet-header .navbar-right a{
    display: inline-block;
    padding: 0;
}
.ballet-header .language{
    display: none;
    position: absolute;
    right: 80px;
    z-index: 900;
    top: 20px;
    line-height: 53px;
}
.ballet-header .language a{
    padding: 0 10px;
}
.navbar-nav>li>a:hover,.navbar-nav>li>a:visited,.navbar-nav>li>a:focus{
    background: none;
}
.navbar-default .navbar-toggle .icon-bar{
        background-color: #fff;
}
.navbar-default .navbar-toggle:hover{
    background:#00a0e9;
}
.navbar-default .navbar-toggle:hover{
    background: none;
}
.ballet-header .icon-menu{
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.ballet-header .icon-menu .icon-bar{
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.open-menu .ballet-header .language{
  display: inline-block;
}
.open-menu .ballet-header .icon-menu .icon-bar{ 
    background-color:#fff;
}
.open-menu .ballet-header .icon-menu .line-top{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 6px;
    position: relative;
}
.open-menu .ballet-header .icon-menu .line-mid{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.open-menu .ballet-header .icon-menu .icon-bar {
    background-color: #333;
}
.open-menu .ballet-header .icon-menu .line-btm{ 
    opacity:0;
}
.footer{
    background:#0d3152;
    padding: 60px 0;
    color:#cccccc;
}
.footer .copyright{
     line-height: 59px;
}
.footer .social{
    text-align: right;
}
.footer .social a{
    display: inline-block;
    font-size: 60px;
    text-align: center;
    margin-left: 30px;
    color: #ccc;
    font-weight: 500;
    margin-top: 20px;
}
.footer .social a:hover{
    color: #fff;
}
/*弹框*/
.small-tips-popup .modal-dialog,
.useProto-Popup .modal-dialog{
    border-radius: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    border: medium none;
}
.small-tips-popup .modal-dialog {
    width: 390px;
    height: 200px;
    margin-left: -195px;
}
.useProto-Popup .modal-dialog{
    width: 1000px;
    margin-left: -500px;
    padding: 40px;
}
.small-tips-popup.modal.in .modal-dialog,
.useProto-Popup.modal.in .modal-dialog{
    border-radius:4px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}
.small-tips-popup .modal-header,
.useProto-Popup .modal-header{
    border:medium none;
}
.useProto-Popup .modal-header{
    padding: 60px 40px 30px;
    text-align: center;
}
.useProto-Popup .modal-header span{
    font-size:18px;
    color:#333333;
    font-weight: 700;
}
.useProto-Popup .modal-body{
    padding: 0 40px 60px;
}
.modal-header .close{
    opacity: 1;
    font-weight: 500;
}
.useProto-Popup .modal-header .icon-close{
    font-size: 30px;
    color: #00a0e9;
    position: relative; 
    top: -10px;
}
.small-tips-popup .modal-title{
    font-size: 16px;
    font-weight: 700;
}
.small-tips-popup .info{
    position: relative;
    padding-left: 55px;
    margin: 15px 0;
}
.small-tips-popup .info i{
    font-size: 45px;
    color: #f7ba2a;
    position:absolute;
    left: 0;
    top: 0;
}
.small-tips-popup .confirmBtn,
.useProto-Popup .confirmBtn{
    background:#00a0e9;
    border-radius:2px;
    padding: 0 20px;
    height:36px;
    line-height: 36px;
    color: #fff;
    display: inline-block;
    border:medium none;
}
.user-protocol-cont{
    margin-bottom: 40px;
    padding-right: 30px;
}
.user-protocol-cont h2{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}
.user-protocol-cont p{
    margin: 5px 0;
}
@media (min-width: 1200px){
    .container {
        width: 1200px;
    }
}
@media (max-width: 1240px){
    .container {
        width: 1000px;
    }
    .useProto-Popup .modal-dialog{
        width: 700px;
        margin-left: -350px;
        padding: 40px;
    }
    .useProto-Popup .modal-body {
        padding: 0 25px 30px;
    }
    .useProto-Popup .modal-header {
        padding: 35px 25px 20px;
    }
    .footer .copyright{
        line-height: 24px;
    }
    .signUp-wrap .big-title{
        font-size: 32px;
    }
}
@media (max-width: 1040px){
    .container {
        width: 750px;
    }
    .navbar-brand>img{
        width: 80%;
    }
    .ballet-nav {
        padding-top: 50px;
        padding-left: 0;
        margin-left: -50px;
    }
    .ballet-nav a {
        font-size: 16px;
        margin-left: 15px;
    }
    .notFront .ballet-header .navbar-default{
        padding-bottom: 20px;
    }
    .navbar-brand{
        padding: 15px 0px;
    }
    .nav>li>a{
         padding: 10px 12px;
    }
    .navbar-brand>img{
        width: 55%;
    }
    .navbar-default .navbar-toggle{
        margin-top: 28px;
        margin-right: 20px
    }
    .footer .social a{
        font-size: 50px;
        margin-left: 8px;
    }
    
}
@media (max-width: 767px){
    .navbar-brand {
        padding: 15px;
    }
    .footer{
        padding: 30px 0;
    }
    .footer .copyright{
        text-align: center;
    }
    .footer .social{
        text-align: center;
        padding-top: 20px;
    }
    body.open-menu{
        overflow: hidden;
    }
    .navbar-default .navbar-toggle{
        position: absolute; 
        right: 0;
        z-index: 900;
    }
    .ballet-nav {
        padding-top: 90px;
    }
    .ballet-header .navbar-default .navbar-collapse{
        background-color: #edeff3;
        width: 100%;
        padding: 0 8%;
        position: absolute;
        top: 0;
        z-index: 899;
        display: none;
    }
    .ballet-header .navbar-right{
      width: 100%;
      margin: 0;
    }
    .ballet-header .navbar-default .navbar-nav>li>a{
        font-size:16px;
        color:#333333;
        padding-left: 20%;
        margin: 0;
        width: 100%;
    }
    .ballet-nav{
        margin: 0;
    }
    .open-menu .navbar-default .navbar-toggle {
        border-color: #333;
    }
    .ballet-header .navbar-default .navbar-nav>li.switch_language{
        display: none;
    }
    .ballet-header .navbar-default .navbar-nav>li.lr-action a{
          width: 100%;
          height: 45px;
          line-height: 45px;
          text-align: center;
          margin-bottom: 10px;
    }
    .ballet-header .navbar-default .navbar-nav>li.lr-action .loginBtn{
        background:#00a0e9;
        border-radius:2px;
        color: #fff;
    }
    .ballet-header .navbar-default .navbar-nav>li.lr-action .registerBtn{
        border:1px solid #00a0e9;
        border-radius:2px;
        color: #00a0e9;
    }
    .small-tips-popup .modal-dialog {
        width: 90%;
        margin-left: -45%;
    }
    .useProto-Popup .modal-dialog{
        width:100%;
        margin-left: -50%;
        padding: 20px;
    }
    .useProto-Popup .modal-body {
        padding: 0 15px 25px;
    }
    .useProto-Popup .modal-header {
        padding: 25px 15px 20px;
    }
    .useProto-Popup .modal-header .close {
        margin-top: 6px;
    }
    .user-protocol-cont{
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
@media (max-width: 450px){
    .navbar-brand>img{
        width: 45%;
    }
}
/*================================ sign up ================================*/
.signupPage{
    background: url(../images/signup_bg.png) no-repeat scroll 90% 95% #f4f4f4;
}
.sign-banner{
    height: 560px;
    width: 100%;
    padding-top: 145px;
    position: relative;
    background: url(../images/sign_banner.jpg) no-repeat scroll center 0;
}
.sign-banner .bg{
    width: 100%;
    height: 450px;
    background: url(../images/sign_banner.jpg) no-repeat scroll center 0;
}
.sign-banner-box{
    width: 900px;
    height: 280px;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    position: relative;
    margin: 6% 0 0 10%;
    color: #fff;
    text-align: right;
}

.sign-banner-box .border-1,
.sign-banner-box .border-2,
.sign-banner-box .border-3,
.sign-banner-box .border-4{
    position: absolute; 
    display: inline-block;
    background-color: #fff;
    height: 8px;
}
.sign-banner-box .border-1{
    width: 51px;
    left: 0; 
    top: 0;
}
.sign-banner-box .border-2{
    width: 75px;
    left: 0; 
    bottom: 0;
    
}
.sign-banner-box .border-3{
    width: 295px; 
    right: 0; 
    top: 0;
}
.sign-banner-box .border-4{
    width: 365px;
    right: 0; 
    bottom: 0;
}
.sign-banner-box .title{
    font-size:18px;
}
.sign-banner-box .steps{
    display: inline-block;
    text-align: left;
    padding: 30px 80px 0 0;
}
.sign-banner-box .stepsBox{
    margin-top: 28px;
}
.sign-banner-box .stepsBox .num{
    margin: 9px 0;
}
.sign-banner-box .stepsBox .num i{
    background:#00a0e9;
    width:30px;
    height:30px;
    border-radius:100%;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    font-style: normal;
    margin-right: 20px;
    color: #fff;
}
.sign-banner-box .stepsBox .border{
    width: 2px; 
    height: 15px;
    background-color: #fff;
    margin: 0 13px;
}
.signUp-wrap{
    padding: 5% 0;
}
.signUp-wrap .big-title{
    font-size:36px;
    color:#0d3152;
    line-height:36px;
    text-align:center;
    margin:0 0 50px 0;
}
.signUp-wrap .big-title span{
    margin-left: 25px;
    color: #333;
}
.signUp-wrap .bottom-tips{
    color:#99a9bf;
    line-height:23px;
    padding: 10px 15px;
}
.signUp-wrap .xing{
    color:#d0021b;
    font-style: normal; margin:0 3px;
}
.signUp-wrap .partner_wrap{
    display: none;
}
.signUp-wrap .personal_info,
.signUp-wrap .partner_info,
.signUp-wrap .common_info{
    background:#ffffff;
    border:1px solid #cccccc;
    border-radius:6px;
    padding: 2% 6% 4%;
}
.signUp-wrap .partner_info .pasbox{
    text-align: center;
    padding-top: 20px;
}
.signUp-wrap .partner_info .pasbox .titl{
    font-size:16px;
    color:#666666;
    font-weight: 500;
}
.signUp-wrap .partner_info .pasbox .crWrap .radio{
    margin: 5px 15px 0;
}
.form-input{
    border:1px solid #c0ccda;
    border-radius:4px;
    height: 36px;
    padding: 5px 8px;
    width: 100%;  
    color: #333;
}

.form-select,
.select2-container--default .select2-selection--single{
    border:1px solid #c0ccda;
    border-radius:4px;
    height: 36px;
    padding: 3px 8px;
    width: 100%;
    color: #333;
}
.select2-container{
    width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-width: 7px 6px 0 6px;
    border-color: #d4dce7 transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: transparent transparent #d4dce7 transparent;
    border-width: 0 6px 7px 6px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background:#20a0ff;
}
.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field{
    border-color: #c0ccda;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    top: 0px;
    right: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#99a9bf;
}
.select2-results__option{
    color:#475669;
    /*border-top: 1px solid #c0ccda;*/
}
.select2-container--open .select2-dropdown{
    left: 0;
}
.select2-container--open .select2-dropdown--above{
    border-bottom: 1px solid #aaa;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; 
    top: -6px;
}
.select2-container--open .select2-dropdown--below {
     border-top: 1px solid #aaa;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px; 
     top: 5px;
}
.commonForm .form-item{
    padding:10px 30px;
}
.commonForm .form-item .titl{
    display: block;
    line-height: 45px;
    padding: 0 10px;
    font-size:16px;
    color:#666666;
}
.commonForm .form-item.error input.form-input{
    border:1px solid #d0021b;
}
.commonForm .form-item.error .tips{
    font-size:12px;
    color:#d0021b;
    line-height: 35px;
}
/*placeholder*/
.signupPage :-moz-placeholder {
    color:#99a9bf;
}

.signupPage ::-moz-placeholder {
    color:#99a9bf;
}

.signupPage input:-ms-input-placeholder{
    color:#99a9bf;
}

.signupPage input::-webkit-input-placeholder{
    color:#99a9bf;
}
.datepicker table{
    color:#475669;
}
.datepicker td, .datepicker th {
    width: 30px;
    height: 30px;
    padding: 2px 6px;
    font-weight: 500;
}
.datepicker table tr td.today, 
.datepicker table tr td.today.disabled, 
.datepicker table tr td.today.disabled:hover, 
.datepicker table tr td.today:hover{
    background:none !important;
    color: #20a0ff !important;
    font-weight: 700;
}
.datepicker table tr td.active.active, 
.datepicker table tr td.active.disabled.active, 
.datepicker table tr td.active.disabled:active, 
.datepicker table tr td.active.disabled:hover.active, 
.datepicker table tr td.active.disabled:hover:active, 
.datepicker table tr td.active:active, 
.datepicker table tr td.active:hover.active, 
.datepicker table tr td.active:hover:active{
    background:#20a0ff;
    color: #fff;
    text-shadow: none;
}

.icon_canlend{
    background: url(../images/icon_canlendar.png) no-repeat scroll 0 0;
    width:16px;
    height:18px;
    display: inline-block;
    background-size: 100%;
}
.inputBox{
    border:1px solid #c0ccda;
    border-radius:4px;
    height: 36px;
    padding: 5px 40px 5px 8px;
    width: 100%;  
    position: relative;
}
.inputBox input{
    width: 100%;
    height: 100%;
    background: none;
    border:medium none;
    padding: 0;
}
.inputBox .icon-calendar{
   position: absolute;
    right: 10px;
    top: 5px;
    color: #c0ccda;
    font-size: 22px;
}
.inputBox label.dw{
    position: absolute; 
    right: 8px;
    top: 5px;
    color:#99a9bf;
    font-weight: 500;
}
.crWrap{
    padding: 0 10px;
}
.crWrap .iradio_flat-blue,
.crWrap .icheckbox_flat-blue{
    margin-right: 10px;
}
.crWrap .radio{
    display: inline-block;
    margin-right: 30px;
    margin-top: 5px;
}
.signUp-wrap .small-title{
    width: 100%;
    height: 1px;
    background-color:#999999;
    text-align: center;
    margin: 50px 0 40px;
}
.signUp-wrap .small-title span{
    background:#f4f4f4;
    padding: 0 45px;
    font-size:16px;
    position: relative;
    top: -15px;
    color: #999999;
}
.signUp-wrap .prevBtn{
    color: #00a0e9;
    font-size:20px;
    display: inline-block;
    border-radius:6px;
    padding: 0 50px 0 30px;
    height:68px;
    line-height: 68px;
    border:1px solid #00a0e9;
    text-align: left;
    margin-right: 30px;
}
.signUp-wrap .signupBtn{
    background:#00a0e9;
    border-radius:6px;
    padding: 0 25px 0 30px;
    height:68px;
    line-height: 68px;
    color: #fff;
    font-size:20px;
    display: inline-block;
}
.signUp-wrap .signupBtn:hover{
    color: #fff;
}
.signupBtn i,.prevBtn i{
    /*background: url(../images/icon-arrow-left.png) no-repeat;
    background-size: 100%;
    width:16px;
    height:33px;*/
    display: inline-block;
    margin-left: 80px;
    position: relative; 
    top: 4px;
    color: #fff;
    font-size: 36px;
}
.prevBtn i{
    color: #00a0e9;
    margin:0 40px 0 0;
}
.commonForm .actions{
    text-align: right;
    margin-top: 30px;
}
@media (max-width: 1240px){
    .sign-banner-box{
        width: 90%;
        margin-left: 4%;
    }
}
@media (max-width: 1040px){
    .notFront .mainContent {
        padding-top: 120px;
    }
    .ballet-header .navbar-right li{
        margin-top: 18px;
    }
    .sign-banner-box .steps{
        padding-right: 50px;
    }
    .sign-banner-box .title{
        font-size: 16px;
    }
    .ballet-header .navbar-default .navbar-nav>li.lr-action>a{
        font-size: 14px;
    }
    .signUp-wrap .big-title{
        font-size: 22px;
        margin-bottom: 25px;
    }
    .signUp-wrap .signupBtn{
        padding: 0 11px 0 25px;
        height: 55px;
        line-height: 55px;
        font-size: 18px;
    }
    .signUp-wrap .prevBtn {
        font-size: 18px;
        padding: 0 28px 0 8px;
        height: 55px;
        line-height: 55px;
    }
    .prevBtn i{
        font-size: 32px;
    }
    .signupBtn i
    {
         font-size: 32px;
         margin-left: 45px;
    }
    .signUp-wrap .personal_info, 
    .signUp-wrap .partner_info,
    .signUp-wrap .common_info{
        padding: 2% 4%;
    }
    .commonForm .form-item{
        padding: 10px 20px;
    }
    .commonForm .form-item .titl{
        line-height: 38px;
    }

}
@media (max-width: 767px){
    .container {
        width: 100%;
    }
    .sign-banner{
        background: none;
        padding-top: 0;
        height: auto;
    }
    .sign-banner  .container{
        padding: 0;
    }
    .sign-banner .bg{
        height: 320px;
        background-size:auto 100%;
    }
    .sign-banner-box{
        text-align: center;
        color:#333333;
        height: 200px;
        margin: 20px auto 40px
    }
    .sign-banner-box .stepsBox{
        margin-top: 20px;
    }
    .sign-banner-box .stepsBox .border{
        display: none;
    }
    .sign-banner-box .border-1, 
    .sign-banner-box .border-2, 
    .sign-banner-box .border-3, 
    .sign-banner-box .border-4{
        height: 2px;
        background-color: #183351;
    }
    .sign-banner-box{
        border-left: 2px solid #183351;
        border-right: 2px solid #183351;
    }
    .sign-banner-box .border-1{
        width: 12%;
    }
    .sign-banner-box .border-2{
        width: 24%;
    }
    .sign-banner-box .border-3{
         width: 39%;
    }
    .sign-banner-box .border-4{
         width:58%;
    }
    .sign-banner-box .steps{
        padding: 20px 10px 0 0;
    }
    .sign-banner-box .title{
        font-weight: 700;
    }
    .signUp-wrap{
        padding-bottom: 8%;
    }
    .signUp-wrap .big-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .commonForm .actions{
        text-align: center;
    }
    .signupBtn {
        padding: 0 18px 0 24px;
        height: 45px;
        line-height: 45px;
        font-size: 14px;
    }
    .prevBtn i{
        font-size: 24px;
    }
    .signupBtn i{
         margin-left: 20px;
    }
    .signUp-wrap .personal_info, 
    .signUp-wrap .partner_info,
    .signUp-wrap .common_info{
        padding: 2% 4% 6%;
    }
}
@media (max-width: 450px){
    .sign-banner .bg{
        height: 220px;
    }
    .sign-banner-box{
        margin-bottom: 15px;
    }
}
/*================================ login & register ================================*/
.lrPage{
    height: 100%;
}
.logregistWrap{
    width: 100%;
    background: url(../images/lr_bg.jpg) no-repeat scroll center 0 #000;
    background-size:auto 100%;
    position: relative;
}
.loginBox,.registerBox{
    background: url(../images/opacity90.png) repeat scroll 0 0;
    border-radius:12px;
    width:900px;
    height:440px;
    position: absolute;
    left: 50%;
    top: 60%;
    margin: -220px 0 0 -450px;
    padding: 60px 100px;
}
.registerBox{
    height:500px;
    margin-top: -250px;
}

.logregistWrap h2{
    text-align: center;
    margin: 0 0 60px;
}
.logregistWrap .cont .lr-logo{
    text-align: left;
}
.logregistWrap .cont .box{
    width:100%;
}
.logregistWrap .cont .form-item{
    position: relative;
    padding-left: 80px;
    margin: 15px 0 5px;
}
.logregistWrap .cont .form-item .titl{
    width: 80px;
    position: absolute; 
    left: 0; 
    top: 0;
    line-height: 40px;
}
.logregistWrap .cont .form-item input{
    width: 100%;
    border:1px solid #666666;
    border-radius:2px;
    height:40px;
    padding: 5px 10px;
    background: none;
}
.logregistWrap .cont .form-item.active input{
    background:rgba(255,255,255,0.70);
}
.logregistWrap .cont .form-item.error input{
    border:1px solid #d0021b;
}
.logregistWrap .cont .form-item .tips{
    font-size: 12px;
    /*position: absolute;
    left: 80px; bottom:-21px;*/
}
.logregistWrap .cont .form-item.error .tips{
    color: #d0021b;
}
.logregistWrap .cont .form-item.form-item-password,
.logregistWrap .cont .form-item.form-item-agree{
    margin-top: 10px;
    margin-bottom: 0;
}
.logregistWrap .cont .form-item.form-item-password label,
.logregistWrap .cont .form-item.form-item-agree label{
    color: #999;
    font-size: 12px;
    line-height: 24px;
}
.logregistWrap .cont .form-item.form-item-password label a,
.logregistWrap .cont .form-item.form-item-agree label a{
    text-decoration: none;
}
.logregistWrap .cont .form-item.form-item-password label .icheckbox_flat-blue,
.logregistWrap .cont .form-item.form-item-agree label .icheckbox_flat-blue{
    margin-right: 10px;
    position: relative; 
    top: -1px;
}
.logregistWrap .cont .form-item.form-item-password a,
.logregistWrap .cont .form-item.form-item-agree a,
.logregistWrap .actions-2 a{
    color:#00a0e9;
    text-decoration: underline;
    float: right;
    font-size: 12px;
}
.logregistWrap .cont .actions-2{
    text-align: right;
    font-size: 12px;
}
.logregistWrap .actions-2 a{
    float: none;
}
.logregistWrap .cont .actions{
    padding-left: 80px;
    margin: 15px 0 5px;
    
}
.logregistWrap .cont .submitBtn{
    background:#00a0e9;
    border-radius:2px;
    height:36px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    border:medium none;
    width: 100%;
    color: #fff;
    line-height: 36px;
}

/*placeholder*/
.lrPage :-moz-placeholder {
    color:#666;
}

.lrPage ::-moz-placeholder {
    color:#666;
}

.lrPage input:-ms-input-placeholder{
    color:#666;
}

.lrPage input::-webkit-input-placeholder{
    color:#666;
}

@media (max-width: 1040px){
    .loginBox,.registerBox{
        width: 80%;
        padding: 60px 50px;
        margin-left: -40%;
    }
    .logregistWrap .cont .lr-logo img{
        width: 70%;
    }
}
@media (max-width: 767px){
    .loginBox,.registerBox {
        width: 90%;
        padding: 30px 25px;
        top: 50%;
        margin-left: -45%;
        margin-top: -200px;
        height: 400px;
    }
    .logregistWrap .cont .form-item .tips{
        left: 0px;
        bottom: -25px;
    }
    .logregistWrap .cont .form-item .titl{
        line-height: 24px;
    }
    .registerBox{
        height: 500px;
        margin-top: -250px;
    }
    .logregistWrap .cont .form-item .titl{
        width: 100%;
        position: static;
    }
    .logregistWrap .cont .form-item,
    .logregistWrap .cont .actions{
        padding-left: 0;
    }
    .logregistWrap h2{
        margin-bottom: 0;
        font-size: 24px;
    }
}